<html>
  <head>
    <title>border</title>
    <link href="test_border.css" rel="stylesheet" />
  </head>
  <body>
    <div class="content">
        <div>
          <div class="box"></div>
          <div class="box box-1"></div>
          <div class="box box-2"></div>
          <div class="box box-3"></div>
          <div class="box box-4"></div>
          <div class="box box-5"></div>
          <div class="box box-6"></div>
          <div class="box square"></div>
        </div>
        <div>
          <div class="rounded box"></div>
          <div class="rounded box box-1"></div>
          <div class="rounded box box-2"></div>
          <div class="rounded box box-3"></div>
          <div class="rounded box box-4"></div>
          <div class="rounded box box-5"></div>
          <div class="rounded box box-6"></div>
          <div class="rounded square box"></div>
        </div>
        <div>
          <div class="rounded-2 box"></div>
          <div class="rounded-2 box box-1"></div>
          <div class="rounded-2 box box-2"></div>
          <div class="rounded-2 box box-3"></div>
          <div class="rounded-2 box box-4"></div>
          <div class="rounded-2 box box-5"></div>
          <div class="rounded-2 box box-6"></div>
          <div class="rounded-2 square box"></div>
        </div>
      </div>
  </body>
</html>
